<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义菜单</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="assets/font-user-defined.css"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300"/>
    <link rel="stylesheet" href="selfjs/sidebar-menu.css">

    <script src="assets/js/jquery-2.0.3.min.js"></script>
    <script src="selfjs/sidebar-menu.js"></script>
</head>

<body>
<aside class="main-sidebar">
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="treeview">
                <a>
                    <i class="fa fa-files-o"></i>
                    <span>界面选项</span>
                    <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu" style="display: none;">
                    <li><a><i class="fa fa-circle-o"></i> 置顶</a></li>
                    <li><a><i class="fa fa-circle-o"></i> 盒子</a></li>
                    <li><a><i class="fa fa-circle-o"></i> 固定</a></li>
                    <li><a><i class="fa fa-circle-o"></i> 折叠</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a>
                    <i class="fa fa-share"></i>
                    <span>多级</span>
                    <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a><i class="fa fa-circle-o"></i> 一级菜单1</a></li>
                    <li>
                        <a><i class="fa fa-circle-o"></i> 一级菜单2 <i class="fa fa-angle-left pull-right"></i></a>
                        <ul class="treeview-menu">
                            <li><a><i class="fa fa-circle-o"></i> 二级菜单1</a></li>
                            <li>
                                <a><i class="fa fa-circle-o"></i> 二级菜单2 <i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a><i class="fa fa-circle-o"></i> 三级菜单1</a></li>
                                    <li><a><i class="fa fa-circle-o"></i> 三级菜单2</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a><i class="fa fa-circle-o"></i> 一级菜单3</a></li>
                </ul>
            </li>
        </ul>
    </section>
</aside>
</body>
<script>
	$.sidebarMenu($('.sidebar-menu'));
</script>
</html>